{% extends "base.html" %}


{% block link %}
    <link href="/static/css/about.css" rel="stylesheet"/>
    <link href="/static/css/blog.css" rel="stylesheet"/>
{% endblock %}

{#{% include "include/nav.html" %}#}

{% block body %}
    <div class="blog-body">
        <!-- 这个一般才是真正的主体内容 -->
        <div class="blog-container">
            <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
                <a href="/index" title="网站首页">网站首页</a>
                <a href="/about"><cite>关于本站</cite></a>
            </blockquote>
            <div class="blog-main">
                <div class="layui-tab layui-tab-brief shadow" lay-filter="tabAbout">
                    <ul class="layui-tab-title">
                        <li lay-id="1" class="layui-this">关于博客</li>
                        <li lay-id="2">关于作者</li>
                        <li lay-id="3" id="frinedlink">友情链接</li>
                        <li lay-id="4">留言墙</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                    <img alt="博客Log" src="/static/img/admin.jpg"/>
                                    <div><a class="long_wang animated fadeInLeftBig"
                                            href="http://www.long225.cn">麻海鹏</a></div>
                                </div>
                                <p class="aboutinfo-introduce animated fadeInRightBig">
                                    HP News&nbsp; —— &nbsp;一个专注于电商动态的新闻网站</p>
                                <p class="aboutinfo-location animated fadeInLeftBig"><i
                                        class="fa fa-link"></i>&nbsp;&nbsp;<a target="_blank"
                                                                              href="https://www.cdut.edu.cn/index.htm">https://www.cdut.edu.cn/index.htm</a>
                                </p>
                                <hr/>
                                <div class="aboutinfo-contact animated fadeInRightBig">
                                    <a title="网站首页" href="/"><i class="fa fa-home fa-2x"
                                                                    style="font-size:2.5em;position:relative;top:3px"></i></a>
                                    <a title="文章专栏" href="/article"><i class="fa fa-file-text fa-2x"></i></a>
{#                                    <a title="杂七杂八" href="/mixed_pic"><i#}
{#                                            class="fa fa-paper-plane-o fa-2x"></i></a>#}
                                    <a title="点点滴滴" href="/timeline"><i
                                            class="fa fa-hourglass-half fa-2x"></i></a>
                                </div>

                                <fieldset class="layui-elem-field layui-field-title animated fadeInLeftBig">
                                    <legend>简介</legend>
                                    <div class="layui-field-box aboutinfo-abstract">
                                        <p style="text-align:center;">
                                        欢迎来到我们的电商资讯网站！在这里，你可以获取到最新、最全面的电商资讯。我们的网站致力于分享近期电商领域的动态，包括行业趋势、市场分析、新技术应用等，帮助你了解电商行业的最新发展。

我们的团队由一批资深的电商专家和媒体人组成，他们时刻关注着电商领域的最新动态，并通过深入的研究和分析，为你提供有价值的资讯和见解。

无论你是电商从业者、投资者、学者还是普通消费者，我们的电商资讯网站都将为你提供一个了解电商行业的窗口。我们希望通过我们的努力，为你提供高质量的电商资讯，帮助你做出更明智的决策。

感谢你的访问，我们期待你的关注和支持！
                                        </p>
                                        <h1 style="text-align:center;">The End</h1>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--关于网站End-->
                        <div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                    <img src="/static/img/admin.jpg"/>
                                </div>
                                <p class="aboutinfo-nickname">HP News</p>
                                <p class="aboutinfo-introduce animated fadeInLeftBig">
                                    HP News&nbsp; —— &nbsp;一个专注于电商动态的新闻网站</p>
                                <p class="aboutinfo-location animated fadeInLeftBig"><i
                                        class="fa fa-location-arrow"></i>&nbsp;<span>中国 - 成都</span>
                                </p>
                                <hr/>
                                <div class="aboutinfo-contact animated bounceIn">
                                    <a target="_blank" title="QQ交流"
                                       href="http://shang.qq.com/email/stop/email_stop.html?qq=31319312973"><i
                                            class="fa fa-qq fa-2x"></i></a>
                                    <a target="_blank" title="给我写信" href="mailto:313932973@qq.com"><i
                                            class="fa fa-envelope fa-2x"></i></a>
                                    <a target="_blank" title="新浪微博" href="https://weibo.com/p/1005055534423586"><i
                                            class="fa fa-weibo fa-2x"></i></a>
                                    <!--                                判断当前用户是否为管理员，判断显示-->
                                    {% if  not current_user.is_admin %}
                                        <a target="" title="后台管理" href="javascript:isAdmin();"><i
                                                class="fa fa-database fa-2x"></i></a>
                                    {% else %}
                                        <a target="_blank" title="后台管理" href="/admin"><i
                                                class="fa fa-database fa-2x"></i></a>
                                    {% endif %}
                                </div>
                                <fieldset class="layui-elem-field layui-field-title animated bounceInUp">
                                    <legend>简介</legend>
                                    <div class="layui-field-box aboutinfo-abstract abstract-bloger">
                                        <p style="text-align:center;">
{#                                            诞生于2003年，目前是一个码农，从事Python方向的研究和开发。#}
                                            诞生于2002年，目前是一个大学生，在成都理工大学学习。
                                        </p>
                                        <h1>个人信息</h1>
                                        <p>
{#                                            一个喜欢旅游，喜欢在路上的感觉！喜欢民谣音乐的程序猿~(偶尔会跟大家分享一些好听的民谣音乐，在本站我也会推荐，喜欢的可以关注我的网易云，收藏我自己整理的歌单：蓝色牛仔裤丶)#}
                                            一个喜欢旅游，喜欢在路上的感觉！喜欢民谣音乐的程序猿~(偶尔会跟大家分享一些好听的民谣音乐，在本站我也会推荐，喜欢的可以关注我的抖音：ma1839335818
                                        </p>
                                        <h1>个人介绍</h1>
                                        <p>
                                            185+80+21
                                        </p>
                                        <h1>未来</h1>
                                        <p>
{#                                            还没想好..#}
                                            <br>考不上清华，烤地瓜<br>
                                            考不上北大，摊煎饼
                                            .</p>
                                        <h1 style="text-align:center;">The End</h1>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--关于作者End-->
                        <div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                    <img src="/static/images/handshake.png" alt="友情链接"/>
                                </div>
                                <p class="aboutinfo-nickname">友情链接</p>
                                <p class="aboutinfo-introduce">
                                    Name：CDUT&nbsp;&nbsp;&nbsp;&nbsp;Site：<a href="https://www.cdut.edu.cn/index.htm" target="_blank">https://www.cdut.edu.cn/index.htm</a></p>
                                <p class="aboutinfo-location">
                                    <i class="fa fa-close"></i>经常宕机&nbsp;
                                    <i class="fa fa-close"></i>不合法规&nbsp;
                                    <i class="fa fa-close"></i>插边球站&nbsp;
                                    <i class="fa fa-close"></i>红标报毒&nbsp;
                                    <i class="fa fa-check"></i>原创优先&nbsp;
                                    <i class="fa fa-check"></i>技术优先
                                </p>
                                <hr/>
                                <div class="aboutinfo-contact">
                                    <p style="font-size:2em;">互换友链，携手并进！</p>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title animated fadeInRightBig">
                                    <legend>Friend Link</legend>
                                    <div class="layui-field-box">
{#                                        <ul class="friendlink">#}
{#                                            <li>#}
{#                                                <a target="_blank" href="http://wurao.xin" title="勿扰博客"#}
{#                                                   class="friendlink-item">#}
{#                                                    <p class="friendlink-item-pic"></p>#}
{#                                                    <p class="friendlink-item-title">勿扰博客</p>#}
{#                                                    <p class="friendlink-item-domain">http://wurao.xin</p>#}
{#                                                </a>#}
{#                                            </li>#}
{#                                            <li>#}
{#                                                <a target="_blank" href="http://blog.itcodai.com" title="ITcodai博客"#}
{#                                                   class="friendlink-item">#}
{#                                                    <p class="friendlink-item-pic"><img#}
{#                                                            src="http://blog.itcodai.com/images/favicon.ico"#}
{#                                                            alt="ITcodai博客"></p>#}
{#                                                    <p class="friendlink-item-title">ITcodai博客</p>#}
{#                                                    <p class="friendlink-item-domain">http://blog.itcodai.com</p>#}
{#                                                </a>#}
{#                                            </li>#}
{#                                            <li>#}
{#                                                <a target="_blank" href="https://www.zqfirst.top" title="旧时光"#}
{#                                                   class="friendlink-item">#}
{#                                                    <p class="friendlink-item-pic"><img#}
{#                                                            src="https://www.zqfirst.top/favicon.ico" alt="旧时光"></p>#}
{#                                                    <p class="friendlink-item-title">旧时光</p>#}
{#                                                    <p class="friendlink-item-domain">https://www.zqfirst.top</p>#}
{#                                                </a>#}
{#                                            </li>#}
{#                                        </ul>#}
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--友情链接End-->
                        <div class="layui-tab-item">
                            <div class="aboutinfo">
                                <div class="aboutinfo-figure">
                                    <img src="/static/images/messagewall.png" alt="留言墙"/>
                                </div>
                                <p class="aboutinfo-nickname">留言墙</p>
                                <p class="aboutinfo-introduce">本页面可留言、吐槽、提问。欢迎灌水，杜绝广告！</p>
                                <p class="aboutinfo-location">
                                    <i class="fa fa-clock-o"></i>&nbsp;<span id="time"></span>
                                </p>
                                <hr/>
                                <div class="aboutinfo-contact">
                                    <p style="font-size:2em;">沟通交流，拉近你我！</p>
                                </div>
                                <fieldset class="layui-elem-field layui-field-title">
                                    <legend>Leave a message</legend>
                                    <div class="layui-field-box">
                                        <div class="leavemessage" style="text-align:initial">
                                            <form class="layui-form">
                                                <input type="hidden" id="user" name="user" lay-verify="userId"/>
                                                <div class="layui-form-item">
                                                <textarea name="content" lay-verify="content" id="remarkEditor"
                                                          placeholder="请输入内容" class="layui-textarea"></textarea>
                                                </div>
                                                <div class="layui-form-item">
                                                    <button class="layui-btn" lay-submit="formLeaveMessage"
                                                            lay-filter="formLeaveMessage">提交留言
                                                    </button>
                                                </div>
                                            </form>
                                            <ul class="blog-comment" style="text-align:left;" id="messageList"></ul>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div><!--留言墙End-->
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
{% endblock %}


{% block js %}

    <script src="/static/js/jquery.min.js"></script>

    <script src="/static/layui/layui.js"></script>
    <script src="/static/js/global.js"></script>
    <script src="/static/js/about.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $('.fa-info').parent().parent().addClass('layui-this');
        systemTime();
      });
    </script>
    <script>
      function isAdmin() {
        layer.msg('你还不是管理员哦~~~~');
      }
    </script>
{% endblock %}